<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html>
<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
	<!-- jquery -->
	<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
	<script type="text/javascript" src="js/jquery-ui-1.8.6.custom.min.js"></script>
	<link type="text/css" href="css/custom-theme/jquery-ui-1.8.6.custom.css" rel="stylesheet" />
	<!-- picker -->
	<script type="text/javascript" src="js/default.js"></script>
	<link href="css/frame.css" rel="stylesheet" type="text/css"/>	<script type="text/javascript" src="js/jquery.ui.datepicker-zh-CN.js"></script>
	<title>拾客>登记寻物启事</title>
	<!-- google map -->
	<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
	<script type="text/javascript" src="js/maps.js"></script>
	<script type="text/javascript" src="js/post_lost.js"></script>
</head>
<body>
	<!-- header start -->
	<div id="header">
		<div class="container">
			<div id="logo"></div>
			<h1>拾客</h1>
			<h2>——找回曾经的拥有！</h2>
			<ul id="nav">
				<li><a href="index.html" title="Index" id="nav-index">首页</a></li>
				<li><a href="lost.html" title="Lost" id="nav-lost">寻物启事</a></li>
				<li><a href="found.html" title="Found" id="nav-found">招领启事</a></li>
				<li><a href="letter.html" title="Letter" id="nav-letter">感谢信</a></li>
				<li><a href="about.html" title="About_us" id="nav-about">关于我们</a></li>
			</ul>
			<form id="searchbox" action="search_result.html" method="get">
				<input type="text" id="keyword" name="keyword" value="" placeholder="找东西" />
				<input type="submit" id="searchbtn" value="搜索" />
				<span class="pipe">|</span><a href="search_advance.html">高级搜索</a>		
			</form>
			<div id="login">
				<img src="images/usericon.png" alt="成员登录" id="usericon" />
							<a href="login.html">登录</a><span class="pipe">|</span><a href="register.html">注册</a><span class="pipe">|</span><a id="bookmark" href="#" onclick="addBookmark()">收藏</a>
						</div>
		</div>
	</div>
	<!-- header ends -->
	<!-- main start -->
	<div id="main">
		<div class="container">
			<div class="contentRight">
			<h3>成为拾客？</h3>
				<p>您还没有登录。<br/>
				如果您是拾客成员，<br/>
				请先<a href="login.php">登录</a>后再填写失物招领表；<br/>
				如果您想成为拾客，<br/>
				可以<a href="register.php">点击这里注册</a>；<br/>
				即使不是拾客成员也没有关系，您仍可以提交信息 :)</p>			</div>
			<div class="contentLeft">
				<h3>登记寻物启事</h3>
				<p>登记您所遗失的物品并留下您的联系方式。</p>
				<p>如果您是第一次填写，请先阅读<a href="help.php#post" target="_blank">使用说明</a></p>
				<p id="warning"></p>
				<form action="?type=lost&action=post" id="postform" method="post" enctype="multipart/form-data">
					<div id="accordion">
						<h3><a href="#" id="step1">第一步：描述您丢失的物品</a></h3>
						<div>
							<p>* 标记的为必填项</p>
							<table class="formTable">
								<tr><th>* 物品名称</th>
									<td><input type="text" name="what" id="what" value=""/>
										<span id="checkwhat" class="check"></span></td></tr>
								<tr><th>* 遗失时间</th>
									<td><input type="text" name="when" id="datepicker" value=""/>
										<select name="datetype" size="1">
											<option value="0">当天</option>
											<option value="1">之后</option></select>
										<span id="checkdate" class="check"></span>
										<p class="tip">格式请用 YYYY-MM-DD, 例如 2011-02-28</p>
										</td></tr>
								<tr><th>* 遗失地点</th>
									<td><table>
											<tr><td><label>公共场所</td>
												<td>楼层/房间号[可选]</td></tr>
											<tr><td><select name="building" id="building">
												<option value="null">请选择</option>
												<option value="北区综合楼">北区综合楼</option>
												<option value="北区超市">北区超市</option>
												<option value="北区食堂">北区食堂</option>
												<option value="风雨体育馆">风雨体育馆</option>
												<option value="学生活动中心">学生活动中心</option>
												<option value="中区食堂">中区食堂</option>
												<option value="图书馆">图书馆</option>
												<option value="主楼群5号楼">主楼群5号楼</option>
												<option value="主楼群4号楼">主楼群4号楼</option>
												<option value="主楼群3号楼">主楼群3号楼</option>
												<option value="主楼群2号楼">主楼群2号楼</option>
												<option value="主楼群1号楼">主楼群1号楼</option>
												<option value="人文楼A">人文楼A</option>
												<option value="人文楼B">人文楼B</option>
												<option value="人文楼C">人文楼C</option>
												<option value="经管楼">经管楼</option>
												<option value="理工楼">理工楼</option>
												<option value="生化大楼C">生化楼C</option>
												<option value="生化大楼B">生化楼B</option>
												<option value="生化大楼A">生化楼A</option>
												<option value="生化大楼主楼">生化主楼</option>
												<option value="公共教学楼1号楼">公共教学楼1号楼</option>
												<option value="南区食堂">南区食堂</option>
												<option value="">不在这些地方</option>
											</select></td>
											<td><input type="text" name="room" id="room" value=""/></td>
										</tr>
									</table>
									<p class=tip>例如：公共教学楼1号楼 513<span class="pipe">/</span>公共教学楼1号楼 二楼</br>
										如果不清楚丢失的地点，可以尝试使用地图</p>
									<span id="checkmap" class="check"></span></td></tr>
								<tr><th></th>
									<td>
										<label><input type="checkbox" class="checkbox" name="usemap" id="usemap"/>使用地图</label>
										<p class="tip">[可选]在地图上标出可能遗落物品的区域（<a href="help.php?#map" target="_blank">如何使用地图</a>）</p>
										<input type="hidden" name="mapdata" id="mapdata" value=""></input>
										<div id="post_map_canvas"></div></td></tr>
								<tr><th>物品照片</th>
									<td><input type="file" class="file" name="imagefile" id="imagefile"/>
										<p class="tip">[可选]上传物品的照片，可以便于拾客的识别<br/>（200k以内的jpg，gif或png图片）</p>
										<span id="checkfile" class="check"></span></td></tr>
								<tr><th>* 物品描述</th>
									<td><textarea name="detail" id="detail" maxlength="255"></textarea>
										<p id="checkdetail" class="check"></p>
										<p class="tip">详细描述下物品的细节等</p></td></tr>
								<tr><th>物品标签</th>
									<td><input type="text" name="tag" value=""/>
										<span id="checktag" class="check"></span>
										<p class="tip">[可选]标签有助于我们对物品的分类</p></td></tr>
							</table>
						</div>
						<h3><a href="#" id="step2">第二步：留下您的联系方式</a></h3>
						<div>
							<p>留下您的联系方式，以便拾客与您联系。</p>
							<table class="formTable">
								<tr><th>帐户类型</th>
									<td><label><input type="radio" class="radio" name="usertype" value="0" checked="checked"/>使用临时的联系方式</label>
																	</tr>
							</table>
							<table id="guestinfo" class="formTable" >
								<tr><th>称呼</th>
									<td><input type="text" name="guest" id="guest" value=""/>
										<select name="title" id="title">
											<option value="同学">同学</option>
											<option value="老师">老师</option>
											<option value="先生">先生</option>
											<option value="女士">女士</option>
										</select>
										<span id="checkguest" class="check"></span></td></tr>
								<tr><th>联系方式</th>
									<td><input type="text" name="contact" id="contact" value=""/>
										<span id="checkcontact" class="check"></span>
										<p class="tip">可以是您的邮箱、手机或者QQ等</p></td></tr>
								<tr><th>有效时间</th>
									<td><select name="available" id="available">
											<option value="7">一星期</option>
											<option value="15">半个月</option>
											<option value="30" selected="selected">一个月</option>
										</select>
									<p class="tip">有效时间一过，您的联系信息将被删除，以保护您的隐私</p></td></tr>
								<tr><th>修改码</th><td><input type="password" name="editcode" id="editcode"/>
									<p class="tip">由6位字符组成，您可以用这个密码来修改您提交的信息</p>
									<span id="checkeditcode" class="check"></span></td></tr>
							</table>
						</div>
						<h3><a href="#" id="step3">第三步：完成登记</a></h3>
						<div>
							<table class="formTable">
								<tr><th></th><td><p class="check" id="checkform"></p></td></tr>
								<tr><th>验证码</th><td><img src="include/verify.php" id="verifyimg" title="刷新" onclick="changecode()"/>
									<p class="tip">请输入图中的数字</p>
									<input type="text" name="verifycode" id="verifycode"/>
									<span id="checkverifycode" class="check"></span></td></tr>
								<tr><th></th><td><button type="submit" class="submit" id="submitbtn">立即登记</button></td></tr>
							</table>
						</div>
						</div>
				</form>
							</div>
			<div class="clearBoth"></div>
		</div>
	</div>
	<!-- main ends -->
	<!-- footer start -->
	<div id="footer"><div class="container">
		<div id="link"><a href="mailto:gmutoo@gmail.com">联系我们</a><span class="pipe">|</span><a href="/wap/">WAP</a></div>
		<div id="copyright">Copyright &copy; 2011 <a href="http://picker.im/">Picker.im</a> All Rights Reserved.</div>
		<div class="clearBoth"></div>		
	</div></div>
	<script type="text/javascript">
	
	var _gaq = _gaq || [];
	_gaq.push(['_setAccount', 'UA-8876369-8']);
	_gaq.push(['_trackPageview']);
	
	(function() {
	var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
	ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
	var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
	})();
	
	</script>
	<!-- footer ends -->
</body>
</html>